<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery-1.12.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--头部标题-->
		<div id="head">
			<div class="table">
				<span class="table_img"></span>
				<span class="table_img2"></span>
				<span class="table_img3"></span>
			</div>
			<span id="head_time"></span>
		</div>
		<!--中间背景-->
		
		<div id="wep">
			<img class="wep_bg" src="img/bg.img/blue_glow.jpg"/>
			<!--桌面-->
			<div id="desk_center">
				
					<ul id="desk_ul">
						<!--第一页-->
						<li>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/1.png"/>
									<span>金山快盘</span>
								</a>
							</div>
								<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/internet.png"/>
									<span>浏览网页</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/big.png"/>
									<span>QQ</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/6.png"/>
									<span>新建文件夹</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/fastsearch.png"/>
									<span>快递速查</span>
								</a>
							</div>
							
						</li>
						
						<!--第二页-->
						<li>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/doudizhu.png"/>
									<span>欢乐斗地主</span>
								</a>
							</div>
								<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/3366.png"/>
									<span>3366</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/qqbaby.png"/>
									<span>QQ宝贝</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/mangguo.png"/>
									<span>芒果旅游</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/tuanmap.png"/>
									<span>团购地图</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/leshi.png"/>
									<span>乐视TV</span>
								</a>
							</div>
						</li>
						
						<!--第三页-->
						<li>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/weixin.jpg"/>
									<span>微信</span>
								</a>
							</div>
								<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/bianqian.png"/>
									<span>便签</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/musicbox.png"/>
									<span>音乐</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/5.png"/>
									<span>天气</span>
								</a>
							</div>
						</li>
						
						<!--第四页-->
						<li>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/douban.png"/>
									<span>QQ中心</span>
								</a>
							</div>
								<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/qidianzhongwen.png"/>
									<span>起点中文</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/qqread.png"/>
									<span>QQ阅读</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/firendpp.png"/>
									<span>朋友网</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/kxjy.png"/>
									<span>开心交友</span>
								</a>
							</div>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/kaikai.png"/>
									<span>开开</span>
								</a>
							</div>
						</li>
						
						<!--第五页-->
						<li>
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/3.png"/>
									<span>美丽画图</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/friendnear.png"/>
									<span>好友管理</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/qqvedio.png"/>
									<span>QQ影音</span>
								</a>
							</div>
							
							<div class="desk_ico">
								<a href="javascript:;">
									<img src="img/icon/timg.jpg"/>
									<span>天猫商城</span>
								</a>
							</div>
							
						</li>
					</ul>
				
			</div>
		</div>
		<!--左侧菜单-->
		<div id="web_left1"></div>
		<div id="web_left">
			
			<ul id="left_memu">
				<li>
					<a href="###"><img src="img/icon/appmarket.png"/></a>					
				</li>
				<li>
					<a href="###"><img src="img/icon/big.png"/></a>
				</li>
				<li>
					<a href="###"><img src="img/icon/weibo.png"/></a>
				</li>
				<li>
					<a href="###"><img src="img/icon/mail.png"/></a>
				</li>
				<li>
					<a href="###"><img src="img/icon/internet.png"/></a>
				</li>
				<li><a href="###"><img src="img/icon/zone.png"/></a></li>
				<!--左边菜单下的小工具-->
				<div id="tool">
					<div class="tool">
						<span class="span1">
						</span>
						<span class="span2">
						</span>
					</div>
					
					<div class="tool">
						<span class="span3">
						</span>
						<span class="span4">
						</span>
					</div>
					
					<div class="tool2">
						<span class="span5">
						</span>
					</div>

				</div>
			</ul>
		</div>
		<!-- 个人信息 -->
		<div id="fast_bg"></div>
		<div id="myMessage">
			<span class="myMessage_off"></span>
			<img class="myMessage_img" src="img/bg.img/fast_nav.png"/>
			<div class="myMessage_box1">
				<h3 class="myMessage_h3">曾凯</h3>
				<ul>
					<li>男  丨 23 (1993年7月2日)</li>
					<li>居住地：北京昌平</li>
					<li>电	话：18839780608</li>
					<li>Emale：1030678972@qq.com</li>
				</ul>
			</div>
			<div class="myMessage_box2">
				<h3 class="myMessage_h3">学习经历</h3>
				<ul>
					<li>13年-16年：黄河科技学院</li>
					<li>专业：计算机网络技术</li>
					<li>2016.3-2016.6：北京秒味课堂培训</li>
					<li>最高学历：大专</li>
				</ul>
			</div>	
			<div class="myMessage_box3">
				
				<ul>
					<li>1.精通HTML&CSS手写代码,对代码优化有一定了解</li>
					<li>2.熟练书写原生javascript,实现与网页的交互</li>
					<li>3.熟悉不同浏览器之间的兼容性问题,及解决办法</li>
					<li>4.对node,Ajax,ES6有不同程度的了解</li>
				</ul>
				<h3 class="myMessage_h3">专业技能</h3>
			</div>
			<div class="myMessage_box4">
				
				<ul>
					<li>男  丨 23 (1993年7月2日)</li>
					<li>居住地：北京昌平</li>
					<li>电	话：18839780608</li>
					<li>Emale：1030678972@qq.com</li>
					
				</ul>
				<h3 class="myMessage_h3">工作经验</h3>
			</div>
		</div>
		
		<!--
        	作者：1030678972@qq.com
        	时间：2016-06-21
        	描述：登录界面
        -->
        
        
		<div id="login">
			<div class="login_main">
				<div class="q_login">
					<a href="javascript:;" class="q_off"></a>
					<div class="q_from">
						<ul>
							<li class="q_fromBox">
								<span class="user_icon"></span>
								<input type="text" placeholder="Username" class="q_text" />
							</li>
							<li class="q_fromBox">
								<span class="pass_icon"></span>
								<input type="password" placeholder="Password" class="q_pass"/>
							</li>
							<li id="q_user">
								<span class="pass_ct">
								<em id="passd"></em>记住密码
								</span>
								
								<span class="login_ct">
									<em id="logind"></em>自动登录
								</span>	
							</li>
						</ul>
					</div>
					<span class="q_right">注册</span>
					<div class="login_ico">
						<input type="button" value="" class="q-sub">
					</div>
				</div>
				
				<!--
                	时间：2016-06-22
                	描述：注册界面
                -->
				<div class="qs_login">
					<h2>账号注册</h2>
					<span class="qs-login-left"></span>
					<div class="qs_form">
						<ul>
							<li class="qs_box">
								<em>昵 称 </em>
								<input type="text" class="qs_user" value="" />
							</li>
							<li class="qs_box">
								<em>密  码 </em>
								<input type="password" class="qs_pass" value="" />
							</li>
							<li>
								<em>确认密码 </em>
								<input type="password" class="qs_passd" value="" />
							</li>
							<li class="qs_sex">
								<em>性别</em>
								<span class="man-ct">男<b id="man" class="active"></b></span>
								<span class="woman-ct">女<b id="woman"></b></span>
							</li>
						</ul>
					</div>
					
					<div class="qs_sub">
						<input type="button" id="qs_confirm" value="确定">
						<input type="button" id="qs_cancel" value="取消">
					</div>
					
					<span class="qs-login-ringht"></span>
				</div>
			</div>
		</div>
		
		<!--
        	描述：时钟
        -->
		
		<div id="clock">
			<ul id="clock_ul">
			</ul>	
			<div id="hour"></div>
			<div id="min"></div>	
			<div id="sec"></div>
			<div id="clock_center"></div>
			<span id="time"></span>
		</div>
		<!--隐藏切换背景面板-->
		<div id="aui_outer">
			<div class="trolley">
				<span class="trolley_btn"></span>
			</div>
			<div class="aui_head">
				<span class="aui_title">设置主题</span>
				<span class="aui_off"></span>	
			</div>
			
			<div class="aui_wrip">
				<div class="aui_wrip_head">
					<span class="aui_wrip_span">系统主题</span>
					<span class="aui_wrip_span">系统主题2</span>
					<span class="aui_wrip_span">系统主题3</span>
					
				</div>
				<div class="aui_wrip_div1">
					<ul class="aui_wrip_ul"style="opacity: 1; display: block;z-index: 1;">
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_1.jpg"/>
							</a>
							<span>背景1</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_2.jpg"/>
							</a>
							<span>背景2</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_3.jpg"/>
							</a>
							<span>背景3</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_4.jpg"/>
							</a>
							<span>背景4</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_5.jpg"/>
							</a>
							<span>背景5</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_6.jpg"/>
							</a>
							<span>背景6</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_7.jpg"/>
							</a>
							<span>背景7</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_8.jpg"/>
							</a>
							<span>背景8</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_9.jpg"/>
							</a>
							<span>背景9</span>
						</li>
							<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_10.jpg"/>
							</a>
							<span>背景10</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_11.jpg"/>
							</a>
							<span>背景11</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_12.jpg"/>
							</a>
							<span>背景12</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_13.jpg"/>
							</a>
							<span>背景13</span>
						</li>
						
					</ul>
					<ul class="aui_wrip_ul">
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_14.jpg"/>
							</a>
							<span>背景1</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_15.jpg"/>
							</a>
							<span>背景2</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_16.jpg"/>
							</a>
							<span>背景3</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_17.jpg"/>
							</a>
							<span>背景4</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_18.jpg"/>
							</a>
							<span>背景5</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_19.jpg"/>
							</a>
							<span>背景6</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_20.jpg"/>
							</a>
							<span>背景7</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_21.jpg"/>
							</a>
							<span>背景8</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_22.jpg"/>
							</a>
							<span>背景9</span>
						</li>
							<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_23.jpg"/>
							</a>
							<span>背景10</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_24.jpg"/>
							</a>
							<span>背景11</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_25.jpg"/>
							</a>
							<span>背景12</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_26.jpg"/>
							</a>
							<span>背景13</span>
						</li>
						
					</ul>
					<ul class="aui_wrip_ul">
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_27.jpg"/>
							</a>
							<span>背景1</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_28.jpg"/>
							</a>
							<span>背景2</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_29.jpg"/>
							</a>
							<span>背景3</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_30.jpg"/>
							</a>
							<span>背景4</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_31.jpg"/>
							</a>
							<span>背景5</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_32.jpg"/>
							</a>
							<span>背景6</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_33.jpg"/>
							</a>
							<span>背景7</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_34.jpg"/>
							</a>
							<span>背景8</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_35.jpg"/>
							</a>
							<span>背景9</span>
						</li>
							<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_36.jpg"/>
							</a>
							<span>背景10</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_37.jpg"/>
							</a>
							<span>背景11</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_38.jpg"/>
							</a>
							<span>背景12</span>
						</li>
						<li>
							<a href="javrscrip:;">
								<img src="img/bg.img/qq_39.jpg"/>
							</a>
							<span>背景13</span>
						</li>
						
					</ul>
				</div>
			</div>	
		</div>
		<!--隐藏菜单栏-->
		<div id="enterMenu1"></div>
		<ul id="enterMenu">
			<li class="enterMenu_li1">
				<a href="javascript:;" class="enterMenu_li1_a" style="color: #4ce4ff;">请   登录</a>
				<span class="li1_span2"></span>
				<span class="li1_span1"></span>	
			</li>
			<li class="enterMenu_li"><a href="javascript:;">添加到收藏夹</a></li>
			<li class="enterMenu_li"><a href="javascript:;">保存桌面快捷方式</a></li>
			<li class="enterMenu_li"><a href="javascript:;">下载客户端</a></li>
			<li class="enterMenu_li"><a href="javascript:;">关于Q+web</a></li>
			<li class="enterMenu_li"><a href="javascript:;">新手指导</a></li>
			<li class="enterMenu_li" style=""><a href="javascript:;">添加到收藏夹</a></li>
			<span class="off_btn"></span>
		</ul>
			
		<!--桌面导航-->
		<div id="top_mume">
			<ul class="web_top_focus">
				<li class="web_top_li" style="background: url(img/images/top_mume.png);"><a href="javascript:;">1</a></li>
				<li class="web_top_li"><a href="javascript:;">2</a></li>
				<li class="web_top_li"><a href="javascript:;">3</a></li>
				<li class="web_top_li"><a href="javascript:;">4</a></li>
				<li class="web_top_li"><a href="javascript:;">5</a></li>
			</ul>
			<div class="web_top_f1">
				<a class="web_top_a1" href="javascript:;"></a>
				<a class="web_top_a2" href="javascript:;"></a>
			</div>
		</div>
	</body>
</html>
